@import "@usehook/cursor.scss";

.el-tabs__item {
  height: 46px;
  font-size: var(--font-size);
  line-height: var(--font-size);
  font-weight: var(--font-weight);
  z-index: -1;
  min-width: 120px;
  border-right-color: var(--el-border-color) !important;
  @include cursor-default-important;
}

.el-tabs__item * {
  @include cursor-default-important;
}

.el-tabs {
  height: 100%;
}

.el-tabs--card > .el-tabs__header .el-tabs__item {
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-tabs--border-card > .el-tabs__content {
  padding: 0 !important;
  height: calc(100% - 46px);
}

.el-tabs__new-tab {
  margin: 2px;
  border-radius: 3px;
}

.el-tabs__nav-next,
.el-tabs__nav-prev {
  line-height: 27px !important;
}

[id*="tab-fix"] .el-icon-close {
  padding: 0;
  display: none;
  opacity: 0;
  width: 0;
}

/* 鼠标在选项卡（选中和未选中）上，固定padding*/
.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover {
  padding: 0 20px !important;
}

.el-tabs__nav-wrap.is-top {
  margin-right: 230px;
}

.el-tabs__nav-next,
.el-tabs__nav-prev {
  cursor: default;
}

.el-tabs__header {
  margin: 0;
  background: transparent !important;
}

.el-tabs__item:focus,
.el-tabs__item:focus:active {
  outline: none !important;
  box-shadow: none !important;
}

.el-tabs__item:focus-visible {
  box-shadow: none !important;
}

.el-tabs__item.is-disabled {
  cursor: default;
}

.el-tabs {
  background: rgba(255, 255, 255, 0.2) !important;
}

.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
  background: rgba(0, 0, 0, 0.05) !important;
  border-left-color: transparent;
}

.el-tabs--border-card > .el-tabs__header {
  border-bottom: 1px solid var(--el-border-color);
}

.el-tab-pane {
  height: 100% !important;
}

.el-tab-pane .console-page {
  background: transparent !important;
  backdrop-filter: none !important;
}

/*取消tabs的页签蓝色边框*/
.el-tabs__item:focus.is-active.is-focus:not(:active) {
  box-shadow: none !important;
}

.el-tabs__nav-prev,
.el-tabs__nav-next {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
